<div id="list-products" >
<script>
$(document).ready(function(){
	//Definimos que todos as tags dd terão display:none menos o primeiro filho
	$('dd').hide();
	//Ao clicar no link, executamos a funcão
	$('dt a').click(function(){
		id = $(this).attr("name")
		 url = '/client/show-itens/idTransaction/' + id;
		    $.get(url, function(data){
		    	$('#' + id + '').html(data);
		    });
		
		//As tags dd's visíveis agora ficam com display:none
		$("dd:visible").slideUp("fast");
		//Após, a funcão é transferida para seu pai, que procura o próximo irmão no código o tonando visível
		$(this).parent().next().slideDown("fast");
		return false;
	});
});
</script>

<?php if ($this->requests != null):?>
<div>
	<h1>Últimos Pedidos</h1>
</div>
<div style="height: 35px;">
	<h1 class="partner-title" style="width: 30%;">Transação</h1>
	<h1 class="partner-title" style="width: 25%;">Data</h1>
	<h1 class="partner-title" style="width: 25%;">Data de update</h1>
	<h1 class="partner-title" style="width: 20%;">Status</h1>
</div>

<dl>
<?php foreach ($this->requests as $request):?>
	<dt>
		<a title="<?php echo $request['id_transaction']?>" href="" class="transaction" style="width: 30%;"
			name="<?php echo $request['id_transaction']?>"> 
			<?php if(strlen($request['id_transaction']) > 25):?>
				<?php echo substr($request['id_transaction'], 0, 25).'...'?> 
			<?php else:?>
				<?php echo $request['id_transaction']?>
			<?php endif;?>
		</a> <a href="" class="transaction" style="width: 25%;"
			name="<?php echo $request['id_transaction']?>"> <?php echo date("d/m/Y H:i", strtotime($request['date']));?>
		</a> <a href="" class="transaction" style="width: 25%;"
			name="<?php echo $request['id_transaction']?>"> <?php echo date("d/m/Y H:i", strtotime($request['date_update']));?>
		</a> <a href="" class="transaction" style="width: 20%;"
			name="<?php echo $request['id_transaction']?>"> 
			<?php echo $request['description']?>
		</a>
	</dt>
	<dd>
		<ul>
			<li>
				<div id="<?php echo $request['id_transaction']?>"></div>
			</li>
		</ul>
	</dd>
	<?php endforeach;?>
</dl>
	<?php else:?>
<div class="nothing">
	<p>Nenhum pedido foi efetuado!</p>
</div>
	<?php endif;?>
</div>